<!-- 提示信息 -->
<app-tip [type]="tipType"></app-tip>
<!-- 遮罩 -->
<app-load *ngIf="isLoading"></app-load>

<!--<div class="header">-->
  <!--<div class="left flex" [routerLink]="['/main']"  id="btn-back">-->
    <!--<div class="left-icon">-->
      <!--<i class="fa fa-angle-left back-icon" aria-hidden="true"></i>-->
    <!--</div>-->
    <!--<div class="left-name">-->
      <!--<span class="back-name">返回</span>-->
    <!--</div>-->
  <!--</div>-->
  <!--<div class="center">个人中心</div>-->
<!--</div>-->

<div style="position: relative">
  <div class="header" style="height: 150px;width: 100%; background-image: url('./assets/images/shop_bg.jpg');background-repeat: round">
    <span style="position: absolute;top:30%;font-size: 2em;font-weight: 600;text-align: center;width: 100%">{{mname}}</span>
  </div>
</div>

<div style="padding-top: 1px;">
  <div class="set-list">
    <div class="set-box" style="margin-bottom: 0.5em" [routerLink]="['/main/set/change-pwd']">
      <div class="set-head">
        <div class="left"><i class="fa fa-key" aria-hidden="true" style="color: #ff3860"></i> </div>
        <div class="center">修改密码</div>
        <div class="right"><i class="fa fa-chevron-right"></i></div>
      </div>
    </div>
    <div class="set-box" [routerLink]="['/main/statistics/single-statistics']">
      <div class="set-head" style="margin-bottom: 0.5em">
        <div class="left"><i class="fa fa-chart-pie" style="color: #0e90d2"></i></div>
        <div class="center">个人下单统计</div>
        <div class="right"><i class="fa fa-chevron-right"></i></div>
      </div>
    </div>

    <!-- *ngIf="showBtns.indexOf('0000000008')!=-1"-->
    <!--<div class="set-box" style="margin-bottom: 0.5em;" [routerLink]="['/main/ess/ess-list']">-->
      <!--<div class="set-head" style="margin-bottom: 0.5em">-->
        <!--<div class="left"><i class="fab fa-dropbox" style="color: #605ca8"></i></div>-->
        <!--<div class="center">进销存管理</div>-->
        <!--<div class="right"><i class="fa fa-chevron-right"></i></div>-->
      <!--</div>-->
    <!--</div>-->

    <div style="padding: 0 1em 1em 1em;margin-top: 1em;">
      <div class="btn-submit red" (click)="submitData()">退出</div>
    </div>
  </div>
</div>
<div class="table-bottom flex">
  <div class="table-bottom-item" [routerLink]="['/main']" routerLinkActive="link-active">
    <div><i class="fa fa-th-large"></i></div>
    <div>桌台</div>
  </div>
  <div class="table-bottom-item" [routerLink]="['/main/line-up/line-up-submit']" routerLinkActive="link-active">
    <div><i class="fas fa-users"></i></div>
    <div>排队</div>
  </div>
  <div class="table-bottom-item" [routerLink]="['/main/index']" routerLinkActive="link-active">
    <div>
      <!--<i class="fas fa-utensils"></i>-->
      <i class="fas fa-plus-circle" style="font-size: 1.8em;"></i>
    </div>
    <div>去开台</div>
  </div>
  <div class="table-bottom-item" routerLinkActive="link-active" [routerLink]="['/main/statistics']">
    <div><i class="fa fa-chart-pie"></i></div>
    <div>报表</div>
  </div>
  <div class="table-bottom-item" [routerLink]="['/main/operation/operation-list']" routerLinkActive="link-active">
    <div><i class="fa fa-bars"></i></div>
    <div>操作台</div>
  </div>
</div>

